<template>
   <div>
       <NavBar class="home-navbar">
           <template v-slot:center>
               <h3>个人中心</h3>
           </template>
       </NavBar>
       <UserInfo></UserInfo>
       <UserDiscount></UserDiscount>
       <UserItem></UserItem>
   </div>
</template>

<script>
import NavBar from "@/components/common/navbar/NavBar";
import UserDiscount from "@/views/profile/childComps/UserDiscount";
import UserInfo from "@/views/profile/childComps/UserInfo";
import UserItem from "@/views/profile/childComps/UserItem";
  export default {
    name: "MyProfile",
      components:{
          NavBar,
          UserInfo,UserDiscount,UserItem
      }
  }
</script>

<style scoped>
.home-navbar{
    background-color: pink;
    color: white;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0  rgba(0,0,0,.1);
}
h3{
    line-height: 44px;
    font-size: 16px;
}
</style>
